<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>春播供应商后台</title>
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
<link href="../bootstrap/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="../bootstrap/css/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="../bootstrap/css/uniform.default.min.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL STYLES -->
<link href="../bootstrap/css/select2.css" rel="stylesheet" type="text/css"/>
<link href="../bootstrap/css/login-soft.css" rel="stylesheet" type="text/css"/>
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN THEME STYLES -->
<link href="../bootstrap/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css"/>
<link href="../bootstrap/css/plugins.css" rel="stylesheet" type="text/css"/>
<link href="../bootstrap/css/layout.css" rel="stylesheet" type="text/css"/>
<link id="style_color" href="../bootstrap/css/themes/default.css" rel="stylesheet" type="text/css"/>
<link href="../bootstrap/css/custom.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->
<link rel="shortcut icon" href="../favicon.ico"/>

<link href="../css/mycss.css" rel="stylesheet" type="text/css"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="login">
<!-- BEGIN LOGO -->
<div class="logo">
</div>
<!-- END LOGO -->
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
<div class="menu-toggler sidebar-toggler">
</div>
<!-- END SIDEBAR TOGGLER BUTTON -->
<!-- BEGIN LOGIN -->
<div class="content">
	<!-- BEGIN LOGIN FORM -->
	<form id="login-form" class="login-form">
		<h3 class="form-title">登入您的春播账号</h3>
		<div class="alert alert-danger display-hide">
			<button class="close" data-close="alert"></button>
			<span>
			请输入您的用户名 </span>
		</div>
		<div class="form-group">
			<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
			<label class="control-label visible-ie8 visible-ie9">用户名</label>
			<div class="input-icon">
				<i class="fa fa-user"></i>
				<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="用户名" name="username" id="username"/>
			</div>
		</div>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">密码</label>
			<div class="input-icon">
				<i class="fa fa-lock"></i>
				<input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="密码" name="password" id="password"/>
			</div>
		</div>
		<div class="form-inline form-group">
			<label class="control-label visible-ie8 visible-ie9">验证码</label>
			<div class="input-icon">
				<i class="fa fa-inbox"></i>
				<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="验证码" name="incode"/>
				<img style="margin-left:4px" class="img-rounded" src="/images/testyanzhengma.png"/>
			</div>
		</div>
		<div class="form-actions">
			<button type="button" class="btn blue pull-right" id="btn-login">
			登入 <i class="m-icon-swapright m-icon-white"></i>
			</button>
		</div>
		<div class="forget-password">
			<small class="text-info">忘记密码？</small>
		</div>
	</form>
	<!-- END LOGIN FORM -->
	
	<!-- BEGIN LOGIN FORM -->
	<form id="select-form" style="display:none;">
		<h3></h3>
		<p>
			 Enter your e-mail address below to reset your password.
		</p>
		<div class="form-group">
			<div class="input-icon">
				<i class="fa fa-envelope"></i>
				<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Email" name="email"/>
			</div>
		</div>
		<div class="form-actions">
			<button type="button" class="btn blue pull-right">
			登入 <i class="m-icon-swapright m-icon-white"></i>
			</button>
		</div>
	</form>
	<!-- END LOGIN FORM -->
	
</div>
<!-- END LOGIN -->
<!-- BEGIN COPYRIGHT -->
<div class="copyright">
	 <span class="text-muted">2015 &copy; test.com</span>
</div>
<!-- END COPYRIGHT -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="script/bootstrap/respond.min.js"></script>
<script src="script/bootstrap/excanvas.min.js"></script> 
<![endif]-->
<script src="../script/jquery/jquery.min.js" type="text/javascript"></script>
<script src="../script/jquery/jquery-migrate.min.js" type="text/javascript"></script>
<script src="../script/bootstrap/bootstrap.min.js" type="text/javascript"></script>
<script src="../script/jquery/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../script/jquery/jquery.uniform.min.js" type="text/javascript"></script>
<script src="../script/jquery/jquery.cokie.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="../script/jquery/jquery.validate.min.js" type="text/javascript"></script>
<script src="../script/jquery/jquery.backstretch.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../script/bootstrap/select2.min.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../script/bootstrap/metronic.js" type="text/javascript"></script>
<script src="../script/bootstrap/layout.js" type="text/javascript"></script>
<script src="../script/bootstrap/demo.js" type="text/javascript"></script>
<script src="../script/login.js" type="text/javascript"></script>
<script src="../script/login.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
jQuery(document).ready(function() {     
  Metronic.init(); // init metronic core components
	Layout.init(); // init current layout
 	Login.init();
  	Demo.init();
       // init background slide images
       $.backstretch([
        "/images/loginbg0.jpg",
        "/images/loginbg1.jpg",
        "/images/loginbg2.jpg",
        "/images/loginbg3.jpg"
        ], {
          fade: 1000,
          duration: 1000
    }
    );
});
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>